<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"-->
    <!--          integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">-->
    <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"-->
    <!--            integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"-->
    <!--            crossorigin="anonymous"></script>-->

    <link rel="stylesheet" href="/static/bootstrap-5.3.5/css/bootstrap.css">
    <script src="/static/bootstrap-5.3.5/js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="/static/css/index.css">
</head>
<body>

<button type="button" class="btn btn-primary">
    <a href="">添加学生</a>
</button>

<table class="table table-striped table-hover">
    <thead>
    <caption>学生信息</caption>
    <tr>
        <th scope="col">序号</th>
        <th scope="col">学号</th>
        <th scope="col">姓名</th>
        <th scope="col">班级</th>
    </tr>
    </thead>
    <tbody>

    {% for student in students %}
    <tr>
        <th scope="row">{{loop.index}}</th>
        <td>{{student.sno}}</td>
        <td>{{student.name}}</td>
        <td>{{student.clas.name}}</td>
    </tr>
    {%endfor%}


    </tbody>
</table>


</body>
</html>